
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>本地搭建私募问答智能体 - 学习卡片</title>
      <style>
        body { font-family: sans-serif; background-color: #f0f8ff; color: #333; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
        .header h1 { font-size: 32px; }
        .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; max-width: 1200px; }
        .card-container { perspective: 1200px; cursor: pointer; height: 250px; }
        .card { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.7s; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .card-container.flipped .card { transform: rotateY(180deg); }
        .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 16px; background-color: #fff; padding: 24px; }
        .card-back { background-color: #f0fff4; transform: rotateY(180deg); justify-content: space-between; }
        .card-category { font-size: 14px; color: #0052d9; margin-bottom: 8px; font-weight: 500; }
        .card-question { font-size: 20px; font-weight: 500; flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
        .card-answer-wrapper { flex-grow: 1; overflow-y: auto; }
        .card-answer { font-size: 15px; line-height: 1.7; }
        .card-footer { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 16px; margin-top: 16px; }
        .card-source { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 12px; margin-top: 12px; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>本地搭建私募问答智能体 - 学习卡片</h1>
      </div>
      <div class="grid-container">
        
    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">理论</div>
          <div class="card-question">与直接调用通用大模型相比，搭建本地化的私募问答智能体有哪些核心优势？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">理论</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">搭建本地化知识库的核心优势有三点：1) 数据完全自主可控，可以避免敏感信息外泄；2) 支持个性化知识图谱的构建；3) 响应速度不受网络状况的影响。</div>
          </div>
          <div class="card-source">来源: 本地搭建私募问答智能体</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">在本文的方案中，Cherry Studio 和硅基流动（SiliconFlow）各自扮演什么角色？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">Cherry Studio 是一款本地化知识管理及智能问答系统的UI工具，负责管理本地知识库和用户交互。硅基流动则是一个提供大模型API的服务商，为Cherry Studio提供背后驱动的AI模型推理能力。</div>
          </div>
          <div class="card-source">来源: 开始搭建</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">请描述该本地知识库问答系统的完整工作流程。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">用户通过 Cherry Studio 发送问题，Cherry Studio 调用（通过硅基流动获取的）大模型API，该大模型处理存储在本地的知识库文件，并最终生成答案返回给用户。流程可简化为：个人 -> Cherry Studio -> 大模型(硅基流动) -> 本地文件。</div>
          </div>
          <div class="card-source">来源: 开始搭建</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">应用</div>
          <div class="card-question">文档中提到了哪些适合使用本地化知识库以确保数据安全的典型场景？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">应用</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">文档中列举了多个对隐私和专业性要求高的场景，包括：法律文书管理、医疗健康档案、学术研究资料库、企业内部知识沉淀（如技术故障解决方案、客户需求数据库）以及个人知识管理（如代码片段仓库）。</div>
          </div>
          <div class="card-source">来源: 本地搭建私募问答智能体</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">操作</div>
          <div class="card-question">在搭建过程中，连接 Cherry Studio 和大模型服务的第一步是什么？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">操作</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">第一步是在大模型服务平台（本文以“硅基流动”为例）上获取API KEY，然后将这个API KEY复制并粘贴到 Cherry Studio 的大模型配置中。</div>
          </div>
          <div class="card-source">来源: 1、配置API KEY</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">操作</div>
          <div class="card-question">在 Cherry Studio 中创建并配置一个可用的问答“会话”需要哪几个主要步骤？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">操作</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">主要步骤包括：1. 新建会话；2. 将会话与之前创建的本地知识库建立关联；3. （可选）设置通用提示词；4. 为该会话选择一个具体的大模型。</div>
          </div>
          <div class="card-source">来源: 3、添加会话</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">本文档的实践教程中，选择并配置了哪一个具体的大语言模型？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">教程中选择配置的大语言模型是 deepseek-ai/DeepSeek-R1-Distill-Qwen-7B。</div>
          </div>
          <div class="card-source">来源: 1、配置API KEY</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">操作</div>
          <div class="card-question">在 Cherry Studio 中创建本地知识库时，除了命名之外，还需要选择什么模型？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">操作</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">在设置知识库的名字之后，还需要为它选择一个“嵌入模型”（Embedding Model）。</div>
          </div>
          <div class="card-source">来源: 2、创建本地知识库</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">根据文档末尾的测试，当用户提问时，这个智能问答系统的回答是基于什么信息来源？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">它的回答完全是引用和基于用户在本地知识库中提前设置好的文件内容，而不是基于通用的互联网知识。</div>
          </div>
          <div class="card-source">来源: 4、测试其他内容</div>
        </div>
      </div>
    </div>

      </div>
    </body>
    </html>
